<template>
    <h3>ComponentA</h3>
    <p :class="qq">{{ test }}</p>
    <button @click="qq">xiugai</button>

    <ComponentB :title="title"/>
</template>

<script>

import ComponentB from './ComponentB.vue';
export default{
    data(){
        return{
            title:10,
            test:"帅哥"
        }
    },

    methods:{
        qq(){
            this.test="MEisg"
        }
    },
    components:{
        ComponentB
    }
}
</script>